<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html lang="zh">
<%@include file="/lyear/common/head.jsp" %>
<body>
<div class="lyear-layout-web" style="background-color: white">
    <div class="lyear-layout-container" style="margin: 30px">
        <!--页面主要内容-->
        <div>
            <img style="width: 290px"
                 src="${proj.img}"/>
        </div>
        <div style="margin: 30px auto 0">
            <a href="${proj.url}"><input type="button" value="项目演示"
                                         style="width: 150px;height: 50px;background-color: #12c645;color: black;font-size: 20px"></a>
            <a href="${proj.url}"><input type="button" value="下载源码"
                                         style="width: 150px;height: 50px;background-color: #888ca5;color: black;font-size: 20px"></a>
        </div>
        <div style="margin: 30px auto 0">
            <input type="text" style="width: 300px">
            <input type="button" value="发表评论">
        </div>
        <div style="width: 100%;background-color: white;margin: 30px auto 0">
            <table>
                <c:forEach items="${comments}" var="comment">

                    <c:forEach items="${users}" var="user">
                        <c:if test="${user.id==comment.userId}">
                            <tr>
                                <td style="height: 30px;color: black;width: 100px">
                                    <strong>${user.nickname}:</strong>
                                </td>
                                <td style="height: 30px;color: black">${comment.info}</td>
                            </tr>
                        </c:if>

                    </c:forEach>
                </c:forEach>

            </table>
        </div>
        <!--End 页面主要内容-->
    </div>
</div>

<script type="text/javascript" src="${pageContext.request.contextPath}/lyear/js/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lyear/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lyear/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lyear/js/main.min.js"></script>

<!--对话框-->
<script src="${pageContext.request.contextPath}/lyear/js/jconfirm/jquery-confirm.min.js"></script>
<!--标签插件-->
<script src="${pageContext.request.contextPath}/lyear/js/jquery-tags-input/jquery.tagsinput.min.js"></script>

</body>
</html>